<template>
    <div style="min-width: 1190px;">
        <el-tabs type="card" v-model="activeName">
            <el-tab-pane name="first">
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    多基金指令
                </span>
                <div v-if="activeName === 'first'">
                    <ExchangeBatch />
                </div>
            </el-tab-pane>
            <el-tab-pane name="second">
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    多证券指令
                </span>
                <div v-if="activeName === 'second'">
                    <ExchangeBatchStock />
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';
import ExchangeBatch from './components/batch-invest/exchange-batch.vue';
import ExchangeBatchStock from './components/batch-invest/exchange-batch-stock.vue';

@Component({
    name: 'BatchInvest',
    components: { ExchangeBatch, ExchangeBatchStock },
})
export default class BatchInvest extends Vue {
    activeName: string = 'first';
}
</script>
<style lang="scss" scoped></style>
